@mixin quanpin {
    width: 9.4067rem;
    height: 17.3333rem;
    background-color: #fff;
    margin: 77px auto;
    color:#3A3A3A;
    // border: 1px solid red;
}
.faburenwu{
    @include quanpin;
}
.title a{
    color: #000000;
    margin-left: 5px;
}
.top{
    // margin-left: 20px;
    width: 9.4067rem;
    height: 2.0533rem;
    margin-top: 100px;
    // border: 1px solid red;
    ul{
        width: 9.4067rem;
        height: 1.8667rem;
        li{
            width: 9.0067rem;
            height: .9333rem;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: space-between;
            .dizhi{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: center;
                // border: 1px solid red;
                img{
                    &:nth-of-type(1){
                        width: .4733rem;
                        height: .56rem;
                        
                    }
                    &:nth-of-type(2){
                        width: .2667rem;
                        height: .2667rem;
                    }
                }
                input{
                    width: 6.7467rem;
                    height: .5067rem;
                    font-size: .4rem;
                    outline: none;
                    margin-left: -35px;
                    border: none;
                    // margin-left: 20px;
                }
            }
        }
    }
}

// 填写帮办事件
.write{
    width: 9.4067rem;
    height: 3.0333rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .write_title{
        span{
            font-size: .4rem;
            font-weight: bold;
            color: #000000;
        }
    }
    .write_main{
        margin-top: 10px;
        padding-top: 20px;
        width: 9.1733rem;
        height: 13.7067rem;
        background: rgba(255, 255, 255, 0.39);
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        .write_btn{
            display: flex;
            margin-left: 20px;
            margin-top: -10px;
            .btn_1{
                width: 2.0267rem;
                height: .8667rem;
                background: #FF8B07;
                color: #fff;
                border-radius: 34px;
                border: none;
                outline: none;
                margin-right: 20px;
                }
            .btn_2{
                width: 2.0267rem;
                height: .8667rem;
                border-radius: 34px;
                border: none;
                outline: none; 
                margin-right: 20px;               
             }
       
        }
        .write_footer{
            input{
                width: 3.1467rem;
                height: 1.5667rem;
                border: none;
                outline: none;
                margin-left: 20px;
                color: rgb(226, 224, 224);
                font-size: 16px;
            }
        }
    }
}
// 跑腿费
.foot{
    margin-top: 40px;
    // margin-left: 20px;
    width: 9.4067rem;
    height: 3.2rem;
    // border: .0267rem solid red;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .foot_title{
        span{
            font-size: .4rem;
            font-weight: bold;
            color: #000000;
        }
    }
    .foot_main{
        margin-top: 10px;
        width: 9.1733rem;
        height: 2.5867rem;
        // border: 1px solid red;
        display: flex;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.39);
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        .hongbao{
            margin-left: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 8rem;
            height: 1.6rem;
            border-bottom: 1px solid #ccc;
            span{
                &:nth-of-type(2){
                    color: #E60000 ;
                }            
            }
            img{
                width: .2667rem;
                height: .2667rem;
                margin-right: 0px;
            }
        }
        .price{
            width: 8rem;
            margin-left: 20px;
            height: 1.6rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .price_left{
                display: flex;
                flex-direction: column;
                span{
                    &:nth-of-type(1){
                        font-size: 18px;
                    }
                    &:nth-of-type(2){
                        font-size: 5px;
                        color: rgb(255,139,7);
                    }
                }
            }
            .price_btn{
                width: 4.2667rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                // border: 1px solid red;
                button{
                    width: 1.3333rem;
                    height: .6667rem;
                    border-radius: 34px;
                    border: none;
                    outline: none;
                    &:nth-of-type(1){
                        width: 1.4133rem;
                        height: .6667rem;
                        background: #FF8B07;
                        color: #fff;
                        border-radius: 34px;
                        border: none;
                        outline: none;
                    }
                }
            }
            .price_right{
                img{
                    width: .2667rem;
                    height: .2667rem;
                }
            }
        }
    }
}
//其他
.qita{
    margin-top: 20px;
    // margin-left: 20px;
    width: 9.4067rem;
    height: 6rem;
    // border: 10px solid red;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .qita_title{
        span{
            font-size: .4rem;
            font-weight: bold;
            color: #000000;
        }
    }
    .qita_main{
        margin-top: 10px;
        width: 9.1733rem;
        height: 5.36rem;
        // border: 1px solid red;
        display: flex;
        flex-direction: column;
        background: rgba(255, 255, 255, 0.39);
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        .method{
            width: 8.2667rem;
            height: 1.3333rem;
            display: flex;
            align-items: center;
            margin-left: 20px;
            justify-content: space-between;
            border-bottom: 1px solid #ccc;
            span{
                &:nth-of-type(2){
                    color: #B8B8B8;
                    display: inline-block;
                    img{
                        width: .2667rem;
                        height: .2667rem;
                        // margin-right: 10px;
                    }
                }
            }
        }
        .tips{
            width: 8.2667rem;
            height: 1.3333rem;
            display: flex;
            align-items: center;
            margin-left: 20px;
            justify-content: space-between;
            border-bottom: 1px solid #ccc;
            span{
                &:nth-of-type(2){
                    color: #B8B8B8;
                    margin-right: 10px;
                }
            }
        }
        .rad_1{
            .ra1{
                display: none;
            }
            .rad1_label{
                display: inline-block;
                width: .4rem;
                height: .4rem;
                border: 1px solid #FF8B07;
                border-radius: 80px;
                margin-left: 20px;
                margin-top: 15px;
            }
            .rad1_label::before{
                content: "需要接单者缴纳保证金";
                margin-left: 25px;
                width: 5.3333rem;
                display: inline-block;
                margin-top: -15px;
                overflow: hidden;
            }
            .ra1:checked + .rad1_label{
                background: url(../../img/勾选.png) no-repeat;
                background-size: .4rem;
            }
        }
        .rad_2{
            .ra2{
                display: none;
            }
            .rad2_label{
                display: inline-block;
                width: .4rem;
                height: .4rem;
                border: 1px solid #FF8B07;
                border-radius: 80px;
                margin-left: 20px;
                margin-top: 15px;
            }
            .rad2_label::before{
                content: "已阅读并同意《协议》";
                margin-left: 25px;
                width: 5.3333rem;
                display: inline-block;
                margin-top: -15px;
                overflow: hidden;
            }
            .ra2:checked + .rad2_label{
                background: url(../../img/勾选.png) no-repeat;
                background-size: .4rem;
            }
        }
    }
}
.footer{
    // border: 1px solid red;
    width: 9.9733rem;
    height: 1.7867rem;
    top: 85px;
    display: flex;
    justify-content: space-between;
    position: fixed;
    background: #fff;
    z-index: 2;
    top: 630px;
    .footer_main{
        width: 9.9733rem;
        height: 1.7867rem;
        background: #fff;
        border-top: 1px solid #ccc;
        margin-top: -32px;
        display: flex;
        justify-content: space-between;
        // position: relative;
        .footer_left{
            margin-left: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            .footer_left_top{
                display: flex;
                justify-content: center;
                align-items: center;
                span{
                    &:nth-of-type(1){
                        margin-right: 10px;
                    }
                    &:nth-of-type(3){
                        color: red;
                    }
                }
            }
            .footer_left_bottom{
                span{
                    &:nth-of-type(2){
                        color: red;
                        font-size: 20px;
                    }
                }
            }
        }
        .footer_right{
            width: 3.04rem;
            height:  1.7867rem;
            background: rgb(255,198,24);
            display: flex;
            align-items: center;
            justify-content: center;
            a{
                color: #000000;
            }
        }
    }
    .time_zz{
        display: none;
        height: 19.7867rem;
        width: 10rem;
        position: fixed;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.18);
        .time{
            width: 10rem;
            height: 8rem;
            position: absolute;
            background: #fff;
            top: 380px;
            .time_center{
                width: 4rem;
                height: 5.3333rem;
                // border: 1px solid red;
                margin: 0px auto;
                margin-top: 30px;
                display: flex;
                flex-direction: column;
                .line_1{
                    display: flex;
                    justify-content: space-between;
                    font-size: 50px;
                    font-weight: bold;
                    div{
                        &:nth-of-type(1){
                            transform: scale(1,0.7);
                            color: #707070;
                            transform: rotateX(60deg) skewX(-5deg);
                        }
                        &:nth-of-type(2){
                            transform: scale(1,0.7);
                            color: #707070;
                            transform: rotateX(60deg) skewX(5deg);
                        }
                    }
                }
                .line_2{
                    display: flex;
                    justify-content: space-between;
                    font-size: 50px;
                    font-weight: bold;
                }
                .line_3{
                    display: flex;
                    justify-content: space-between;
                    font-size: 50px;
                    font-weight: bold;
                    div{
                        &:nth-of-type(1){
                            transform: scale(1,0.7);
                            color: #707070;
                            transform: rotateX(60deg) skewX(5deg);
                        }
                        &:nth-of-type(2){
                            transform: scale(1,0.7);
                            color: #707070;
                            transform: rotateX(60deg) skewX(-5deg);
                        }
                    }
        
                }
            }
            .time_btn{
                width: 3.0667rem;
                height: 1.0667rem;
                border-radius: 34px;
                background: #FF8B07;
                outline: none;
                border: none;
                margin-top: 10px;
                margin-left: 130px;
            }
        }
    }
    .zhifubao_zz{
        display: none;
        height: 19.7867rem;
        width: 10rem;
        position: fixed;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.18);
        .zhifu{
            width: 10rem;
            height: 3.52rem;
            background: #fff;
            position: absolute;
            top: 534px;
            .weixin{
                width: 8.9333rem;
                height: 1.76rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .weixin_left{
                    margin-left: 20px;
                    img{
                        width: .88rem;
                        height: .88rem;
                    }
                }
                .weixin_right{
                    .weixin_btn{
                        display: none;
                    }
                    .weixin_label{
                        display: inline-block;
                        width: .4rem;
                        height: .4rem;
                        border-radius: 80px;
                        border: 1px solid #FF8B07;
                    }
                    .weixin_label::before{
                        content: "";
                    }
                    .weixin_btn:checked + .weixin_label{
                        background: url(../../img/勾选.png) no-repeat;
                        background-size:.4rem;
                    }
                }
            }
            .zhifubao{
                width: 8.9333rem;
                height: 1.76rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .zhifubao_left{
                    margin-left: 20px;
                    img{
                        width: .88rem;
                        height: .88rem;
                    }
                }
                .zhifubao_right{
                    .zhifubao_btn{
                        display: none;
                    }
                    .zhifubao_label{
                        display: inline-block;
                        width: .4rem;
                        height: .4rem;
                        border-radius: 80px;
                        border: 1px solid #FF8B07;
                    }
                    .zhifubao_label::before{
                        content: "";
                    }
                    .zhifubao_btn:checked + .zhifubao_label{
                        background: url(../../img/勾选.png) no-repeat;
                        background-size:.4rem;
                    }
                }
            }
    
        }
    }
    
}